<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <div class="container">
        <header id="header">
            <h3>页头</h3>
        </header>
        <nav id="navigation">
            <h3>导航栏</h3>
        </nav>
        <section id="mainbody">
            <h3>主题</h3>
            <p>
                世上的奇诡秀美，尽集于黄山，天下的水灵秀气，独钟于周庄。
                若要选一个代表中国水乡的古镇，毫无疑问，当属“中国第一水乡”周庄。
                若将江浙水乡比成一幅流芳百世的水墨画，那么周庄就是令人销魂蚀骨的画中极品
            </p>
        </section>
        <aside id="sidebar">
            <h3>边栏</h3>
            <p>
                世上的奇诡秀美，尽集于黄山，天下的水灵秀气，独钟于周庄。
                若要选一个代表中国水乡的古镇，毫无疑问，当属“中国第一水乡”周庄。
                若将江浙水乡比成一幅流芳百世的水墨画，那么周庄就是令人销魂蚀骨的画中极品
            </p>
        </aside>
        <footer id="footer">
            <span>页脚</span>
        </footer>
    </div>
</body>
</html>